import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';

@Component({
  selector: 'app-test-navigation',
  standalone: true,
  imports: [CommonModule, RouterModule],
  template: `
    <div class="container mt-5">
      <div class="card">
        <div class="card-header">
          <h2>导航测试页面</h2>
        </div>
        <div class="card-body">
          <h4>请选择要导航的页面:</h4>
          <div class="list-group mt-3">
            <a [routerLink]="['/kucun-zhu-xinxi']" class="list-group-item list-group-item-action">
              库存主表页面
            </a>
            <a [routerLink]="['/chu-ru-ku-liu-shui']" class="list-group-item list-group-item-action">
              出入库流水页面
            </a>
            <a [routerLink]="['/purchase/otherwarehousing']" class="list-group-item list-group-item-action">
              其他入库页面
            </a>
          </div>
        </div>
      </div>
    </div>
  `,
  styles: [`
    .container { max-width: 800px; }
    .card { box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
    .list-group-item { cursor: pointer; }
    .list-group-item:hover { background-color: #f8f9fa; }
  `]
})
export class TestNavigationComponent {} 